<template>
  <div>
    <div>Hello {{name}}</div>
    <v-title title="Vue组件化"></v-title>
    <v-button @click="handleClick">点击按钮</v-button>
    <p>
      <img src="./images/wave.png" alt="" style="width: 200px">
    </p>
  </div>
</template>

<script>
  //导入 
  import vTitle from './title.vue'
  import vButton from './button.vue'

  export default{
    data() {
      return {
        name: 'vue.js'
      }
    },
    components:{
      vTitle,
      vButton
    },
    methods:{
      handleClick(e){
        console.log(e)
      }
    }
  }
</script>

<style scoped >
  div{
    color: #f60;
    font-size: 24px;
  }
</style>
